@import "../base/variable.less";
@import "../base/mixins.less";
@import "../../../node_modules/font-awesome/less/variables.less";
.nav-position{
	position:relative;
	margin:8px 0;
	padding-left:50px;
	z-index:4;
	>label{
		float:left;
		line-height:29px;
	}
	.m-path{
		zoom:1;
		&:after{
			.clearFix();
		}
		>li{
			float:left;
			position:relative;
		}
	}
	.arrow{
		display:inline-block;
		height:100%;
		color:#29739e;
		font-size:22px;
		padding:0 15px;
		&:before{
			content: @fa-var-angle-double-right;
		}
	}
	.n-item{
		&:hover{
			span,a{
				background:#204a63;
				cursor:pointer;
			}
		}
		span,a{
			background:#29739e;
			border-radius:6px;
			padding:4px 8px;
			display:inline-block;
			color:#fff;
			box-sizing:border-box;
		}
		&.unstable{
			span{
				border:2px dashed #29739e;
				padding:2px 8px;
				background:#c1c1c1;
				color:#000;
			}
		}
	}
	.siblings{
		position:absolute;
		top:100%;
		left:0;
		display:none;
		padding-top:2px;
		li{
			white-space:nowrap;
			margin-bottom:2px;
		}
	}
	.focusStatus{
		position:absolute;
		opacity:0;
	}
}
